<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Blogsmith
Description: A two-column, fixed-width blog design.
Version    : 1.0
Released   : 20071001

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>rubyParis</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<!-- start header -->
<div id="logo">
	<h1><a href="#">rubyParis</a></h1>
	<p>par Romain de Wolff et Bruno Da Silva</p>
</div>
<div id="menu">
	<ul>
		<li class="current_page_item"><a href="#">Home</a></li>
		<li><a href="#">Compétitions</a></li>
		<li><a href="#">Equipes</a></li>
		<li><a href="#">A propos</a></li>
		<li><a href="#">Contactez-nous</a></li>
	</ul>
</div>
<!-- end header -->
<!-- start page -->
<div id="page">
	<div id="page-bg">
		<div id="latest-post"> <img src="images/img04.png" alt="" width="140" height="140" class="right" />
			<h1>Bienvenue!</h1>
			<p><strong>rubyParis</strong> est un site de paris sur des matchs de foot en ligne. Il a été développé en Ruby On Rails pour un projet en Technologie Web à l'école d'ingénieur d'Yverdon-les-Bains en Suisse. <br/><br/>
			Vous pouvez nous écrire aux adresses suivantes : <br/>
			<a href="mailto:romain.de-wolff@heig-vd.ch">Romain de Wolff</a><br/>
			<a href="mailto:bruno.da-silva@heig-vd.ch">Bruno da Silva</a>
			</p>
		</div>
		
		<!-- contenu démarre ici -->
		<div id="content">
			<div class="post">
				<h2 class="title"><a href="#">Exemple de news</a></h2>
				<p class="byline"><small>Postée le 23 janvier à 23h22 par <a href="#">Romain de Wolff</a></small></p>
				<div class="entry">
					<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.<br />
					daskjdhljghsdflgjhfdgljhfdlsgshdfglkhfglskjhfglkjhfdlgkhdfslkgjhfdlkgjhfdlkgjhdlkgjhsdlfkgjhflkdjshlksjghdlkgjhldksjghlkdfjhgkljdshglkdfjghfdlskgjhslkdfjghfldksgjhs
					</p>
				</div>
				<p class="links"><a href="#" class="more">Lire plus...</a> &nbsp;&nbsp;&nbsp; <a href="#" class="comments">Commentaires (0)</a></p>
			</div>
			<div class="post">
				<h2 class="title"><a href="#">Exemples de code</a></h2>
				<p class="byline"><small>Postée le 23 janvier à 22h21 par <a href="#">Romain de Wolff</a></small></p>
				<div class="entry">
					<h3>An H3 Followed by a Blockquote:</h3>
					<blockquote>
						<p>&#8220;Donec leo, vivamus nibh in augue at urna congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.&#8221;</p>
					</blockquote>
					<h3>Bulleted List:</h3>
					<ul>
						<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
						<li>Phasellus nec erat sit amet nibh pellentesque congue.</li>
						<li>Cras vitae metus aliquam risus pellentesque pharetra.</li>
					</ul>
					<h3>Numbered List:</h3>
					<ol>
						<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
						<li>Phasellus nec erat sit amet nibh pellentesque congue.</li>
						<li>Cras vitae metus aliquam risus pellentesque pharetra.</li>
					</ol>
					<h3>Formulaires</h3>
					<form>
						Login : <input type="text" size="20" class="myForms"> <br/>
						Password : <input type="password" size="20"> <br/>
						<textarea>information complémentaires</textarea> <br/>
						<select name="kikette"><option>kiki</option><option>kiki</option><option>kiki</option></select>
						<input type="submit">
					</form>
				</div>
				<p class="links"><a href="#" class="more">Lire plus...</a> &nbsp;&nbsp;&nbsp; <a href="#" class="comments">Commentaires (1)</a></p>
			</div>
		</div>
		<!-- fin contenu -->
		
		<!-- start sidebar -->
		<div id="sidebar">
			<ul>
				<li>
					<h2>Prochains matchs</h2>
					<ul>
						<li><a href="#">AS Roma vs AC Milan</a></li>
						<li><a href="#">Manchester vs Liverpool</a></li>
						<li><a href="#">FC Sion vs Grasshoper</a></li>
					</ul>
				</li>
				<li>
					<h2>Compétitions terminées</h2>
					<ul>
						<li><a href="#">September</a> (23)</li>
						<li><a href="#">August</a> (31)</li>
						<li><a href="#">July</a> (31)</li>
						<li><a href="#">June</a> (30)</li>
						<li><a href="#">May</a> (31)</li>
					</ul>
				</li>
			</ul>
		</div>
		<!-- end sidebar -->
		<div style="clear: both;">&nbsp;</div>
	</div>
</div>
<!-- end page -->
<div id="footer">
	<p>&copy;2007 All Rights Reserved. &nbsp;&bull;&nbsp; Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
